.contentPage {
    background: #ffffff;

    .notice-swipe {
        height: 20px;
        line-height: 20px;
    }
    //v-deep:: van-notice-bar__left-icon{
    //    display: none!important;
    //}
    .cardPopup {
        width: 100%;
        padding: 12px;
        margin-bottom: 12px;

        .time {
            background: #81d3f8;
            border-radius: 4px;
            font-size: 12px;
            padding: 4px 8px;
            display: inline-flex;
            margin-top: 18px;
        }
        .line:nth-child(1){
            margin-top: 0!important;
        }
        .line {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 18px;

            .desc {
                color: rgba(0, 0, 0, 0.7);
                font-size: 12px;
            }

            div {
                width: 50%;
            }
        }
    }

    .tips {
        //background: #81D3F8;
        text-align: center;
        //padding: 4px;
        font-size: 12px;
        //width: 100%;
        //height: 100%;
    }

    .tipsNo {
        //background: #F59A23;
        color: red;
        text-align: center;
        //padding: 4px;
        font-size: 12px;
        //width: 100%;
        //height: 100%;
    }

    .announcement {
        display: none;
    }

    .pc {
        display: none;
    }

    .mobile {
        height: calc(100% - 30px);
        background: #eeeeee;
        padding: 12px;

        .list::-webkit-scrollbar {
            display: none;
        }

        .list {
            height: calc(100% - 87px);
            overflow: auto;

            .listRefresh {
                .listItem {
                    background: #ffffff;
                    border-radius: 4px;
                    padding: 12px;
                    margin-bottom: 12px;

                    .line {
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        margin-top: 12px;

                        .desc {
                            color: rgba(0, 0, 0, 0.7);
                            font-size: 12px;
                        }

                        div {
                            width: 50%;
                        }
                    }

                    .title {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        font-size: 12px;

                        .time {
                            background: #81d3f8;
                            border-radius: 4px;
                            font-size: 12px;
                            padding: 4px 8px;
                        }

                        .titleCard {
                            display: flex;
                            align-items: center;

                            .type {
                                margin-right: 12px;
                                display: inline-block;
                                background: #42b983;
                                font-size: 12px;
                                border-radius: 4px;
                                padding: 4px 8px;
                                color: rgba(0, 0, 0, 0.7);
                            }
                        }
                    }
                }
            }
        }

        .tabs {
            display: flex;
            margin: 12px 0;
            align-items: center;

            .tabsItem {
                padding: 4px 8px;
                border-radius: 4px;
                font-size: 12px;
                color: rgba(0, 0, 0, 0.7);
            }

            .active {
                font-weight: bold;
                background: #81d3f8;
                color: #000 !important;
            }
        }

        .search {
            display: flex;
            justify-content: space-between;

            .searchInput {
                background: #ffffff;
                padding: 4px 6px;
                width: 65%;
                border-radius: 4px;
                input {
                    width: 100%;
                    outline: none;
                    border: none;
                    padding: 4px 8px;
                    border-radius: 4px;
                }
            }

            .searchBtn {
                background: #81d3f8;
                padding: 4px 12px;
                font-size: 12px;
                display: flex;
                align-items: center;
                border-radius: 4px;
            }
        }
    }
}
